vue源码-4.数据绑定


目的

遍历vm._data里的属性,将属性重新defineProperty。vm.xx = xxx 触发了set方法,set方法里改变了vm._data的值,触发了vm._data.xx的set方法,从而更新模板

什么是vue的数据绑定

一旦更新了data中的某个属性数据,所有界面上直接或间接使用了此属性的节点都会更新。

怎么实现数据绑定

通过数据劫持来实现数据绑定的效果。用defineProperty()来监视data中所有属性数据的变化,一旦变化就去更新界面。
vm.xxx = xxx 改变vm的xxx属性,触发set函数,改变_data里xxx属性的值,触发set函数,实行更新界面。